<template>
  <div>
    <tab-bar class="tab-bar" v-show="$route.meta.isturn">
      <tab-bar-item link="/home">
        <img slot="icon" src="../../../assets/img/tabbar/ic_home.png" alt="">
        <img slot="active-icon" src="../../../assets/img/tabbar/ic_home_active.png" alt="">
        <div slot="text">首页</div>
      </tab-bar-item>
      <tab-bar-item link="/game">
        <img slot="icon" src="../../../assets/img/tabbar/ic_screen.png" alt="">
        <img slot="active-icon" src="../../../assets/img/tabbar/ic_screen_active.png" alt="">
        <div slot="text">游戏</div>
      </tab-bar-item>
      <tab-bar-item link="">
        
      </tab-bar-item>
      <tab-bar-item link="/stored">
        <img slot="icon" src="../../../assets/img/tabbar/ic_stored.png" alt="">
        <img slot="active-icon" src="../../../assets/img/tabbar/ic_stored_active.png" alt="">
        <div slot="text">储值</div>
      </tab-bar-item>
      <tab-bar-item link="/mine">
        <img slot="icon" src="../../../assets/img/tabbar/ic_mine.png" alt="">
        <img slot="active-icon" src="../../../assets/img/tabbar/ic_mine_active.png" alt="">
        <div slot="text">我的</div>
      </tab-bar-item>
      <div @click="$router.push('/rebate')">
        <img class="rebate_img" src="../../../assets/img/tabbar/ic_apply.png" alt="">
      </div>
    </tab-bar>
  </div>
</template>

<script>
import TabBar from '../../common/tabbar/TabBar.vue'
import TabBarItem from '../../common/tabbar/TabBarItem.vue'
  export default {
    components: {
      TabBar,
      TabBarItem,
    },
  }
</script>

    
<style lang="less" scoped>
.tab-bar {
  width: 10rem;
  position: relative;
}
.rebate_img {
  position: absolute;
  top: -0.293333rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1.493333rem;
  height: 1.493333rem;
}
</style>